<style>
  body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  }

  a { color: hsl(211,100%,50%);text-decoration:none }
  a:hover{ color: hsl(221,100%,50%);text-decoration:underline }

  table {
    white-space: pre;
    table-layout: fixed;
    border-collapse: collapse;
  }

  th {
    padding: 1rem 0;
    background-color: hsl(211, 30%, 98%);
    border: 1px solid hsl(211, 10%, 95%);
  }
  th:first-of-type, td:first-of-type {
    font-weight: 700;
    position: sticky;
    left: 0;
  }

  tbody tr {
    background-color: hsl(0, 0%, 100%);
  }
  tbody tr:nth-child(2n) {
    background-color: hsl(211, 30%, 98%);
  }
  tbody tr:hover {
    background-color: hsl(211, 100%, 95%);
  }

  td {
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    background-color: inherit;
    border: 1px solid hsl(211, 30%, 95%);
  }
  td:not(:first-of-type) {
    text-align: center;
  }
  td:hover {
    box-shadow: inset 0 0 0 2px hsl(211, 100%, 80%);
  }
</style>
